<!-- 广告容器 -->
<div class="ad-container left-ad">
  <!-- 左侧广告内容 -->
  <img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.bpgNAG63Vf16UuZPJaaf8AHaLi?w=186&h=290&c=7&r=0&o=7&cb=iwp2&dpr=1.5&pid=1.7&rm=3" alt="左侧广告">
  <span class="close-btn" onclick="closeAd('left')">×</span>
</div>
<div class="ad-container right-ad">
  <!-- 右侧广告内容 -->
  <img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.VfL1lEPEwna7Rpeg72NQwAHaNK?w=186&h=331&c=7&r=0&o=7&cb=iwp2&dpr=1.5&pid=1.7&rm=3" alt="右侧广告">
  <span class="close-btn" onclick="closeAd('right')">×</span>
</div>

<style>
/* 基础定位样式 */
.ad-container {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: auto; /* 改为自适应宽度 */
  max-width: 200px; /* 设置最大宽度 */
  z-index: 9999;
  background: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  padding: 10px;
  box-sizing: border-box;
}

.left-ad {
  left: 10px;
}

.right-ad {
  right: 10px;
}

/* 广告图片样式 */
.ad-container img {
  width: 100%; /* 图片宽度填充容器 */
  height: auto; /* 高度自适应，保持图片比例 */
  display: block; /* 移除图片底部间隙 */
  max-width: 100%; /* 确保图片不会超出容器 */
}

/* 关闭按钮 */
.close-btn {
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  z-index: 10000;
}

/* 移动端隐藏 */
@media (max-width: 768px) {
  .ad-container {
    display: none;
  }
}
</style>

<script>
// 关闭广告功能
function closeAd(side) {
  document.querySelector(`.${side}-ad`).style.display = 'none';
}

// 动态高度调整（可选）
window.addEventListener('resize', () => {
  const ads = document.querySelectorAll('.ad-container');
  ads.forEach(ad => {
    ad.style.top = `${window.innerHeight/2}px`;
  });
});
</script><!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>狐普新闻</title>
    <link rel="stylesheet" href="hupu.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body>
    <header>
        <h1>狐普</h1>
        <nav>
            <ul class="nav-left">
                <li><a href="#home" class="active" data-section="home">首页</a></li>
                <li><a href="#nba" data-section="nba">NBA</a></li>
                <li><a href="#schedule" data-section="schedule">赛程</a></li>
                <li><a href="#stats" data-section="stats">数据</a></li>
                <li><a href="#discussion" data-section="discussion">讨论区</a></li>
            </ul>
        </nav>
    </header>
    <!-- 图片轮播图部分 -->
    <div class="img-carousel-section">
        <div class="carousel-container fullwidth">
            <div class="carousel" id="img-carousel">
                <img src="https://i5.hoopchina.com.cn/news-editor/cc55c3819e913d6488095ba3221ea6e7_w_1500_h_1000_.png?x-oss-process=image/resize,w_800/format,webp" alt="NBA1" class="carousel-img active">
                <img src="https://i3.hoopchina.com.cn/editor/c30a298dc0c141ac8c966cb3ed596c26_w_1024_h_683_.jpeg?x-oss-process=image/resize,w_780,312" alt="NBA2" class="carousel-img">
                <img src="https://i3.hoopchina.com.cn/news-editor/b4745b736c58e0d63508ac3669bc9198_w_1419_h_1004_.png?x-oss-process=image/resize,w_800/format,webp" alt="NBA3" class="carousel-img">
                <div class="carousel-dots" id="img-dots"></div>
            </div>
        </div>
    </div>

    <!-- 文字轮播图部分 -->
    <div class="text-news-section">
        <div class="text-carousel-container">
            <ul class="text-carousel" id="text-carousel">
                <li>詹姆斯砍下三双，湖人逆转勇士！</li>
                <li><strong>苟开源砍下60+带领灰熊赢得NBA总冠军！！</strong></li>
                <li>杜兰特伤愈复出，太阳主场大胜快船。</li>
                <li>库里三分绝杀，勇士险胜国王。</li>
            </ul>
        </div>
    </div>
    <!-- 首页 -->
    <section id="home" class="active">
        <div class="home-grid">
            <div class="home-col">
                <!-- 精彩集锦 -->
                <div class="home-section" id="highlights">
                    <h2>精彩时刻</h2>
                    <div class="highlight-list">
                        <div class="highlight-item">
                            <img src="https://i5.hoopchina.com.cn/hupuapp/bbs/292/60997292/1746074701_058352IMG_7460.GIF?x-oss-process=image/resize,w_800/format,webp" alt="集锦1">
                            <div>詹姆斯假摔</div>
                        </div>
                        <div class="highlight-item">
                            <img src="https://i11.hoopchina.com.cn/news-editor/684ebd60ae15dc795e87c7fc0cf000fc_w_554_h_377_.gif?x-oss-process=image/resize,w_800/format,webp" alt="集锦2">
                            <div>库里被格林拉拽</div>
                        </div>
                        <div class="highlight-item">
                            <img src="https://i1.hoopchina.com.cn/editor/5230071e5cd127cb235bb9215c1a6f7b.gif?x-oss-process=image/resize,w_800/format,webp" alt="集锦3">
                            <div>莫兰特隔扣文班亚马</div>
                        </div>
                        <div class="highlight-item">
                            <img src="https://i11.hoopchina.com.cn/news-editor/961e902fdbd720814ba046f0e597bc99_w_722_h_425_.gif?x-oss-process=image/resize,w_800/format,webp" alt="集锦4">
                            <div>莫兰特隔扣比斯利</div>
                        </div>
                    </div>
                </div>
                <!-- NBA头条 -->
                <div class="home-section" id="nba-headlines">
                    <h2>NBA头条</h2>
                    <ul class="news-list">
                        <li>詹姆斯砍下三双，湖人逆转勇士！</li>
                        <li>杜兰特伤愈复出，太阳主场大胜快船。</li>
                        <li>库里三分绝杀，勇士险胜国王。</li>
                        <li><strong>苟开源砍下60+带领灰熊赢得NBA总冠军！！</strong></li>
                    </ul>
                </div>
                <!-- 篮球技巧 -->
                <div class="home-section" id="basketball-skills">
                    <h2>篮球技巧(转载自：哔哩哔哩)</h2>
                    <ul class="skills-list">
                        <li><a href="https://www.bilibili.com/video/BV1sW4y1X7oW/?spm_id_from=333.337.search-card.all.click" target="_blank">如何提升三分球命中率</a></li>
                        <li><a href="https://www.bilibili.com/video/BV153411b7Xo/?spm_id_from=333.337.search-card.all.click" target="_blank">突破上篮的实用动作</a></li>
                        <li><a href="https://www.bilibili.com/video/BV1X3411b7TV/?spm_id_from=333.337.search-card.all.click" target="_blank">防守脚步训练方法</a></li>
                        <li><a href="https://www.bilibili.com/video/BV1od4y1R74S/?spm_id_from=333.337.search-card.all.click" target="_blank">团队配合与挡拆技巧</a></li>
                    </ul>
                </div>
                <!-- 今日赛程轮播图 -->
                <div class="home-section" id="today-games">
                    <h2>今日赛程</h2>
                    <div class="games-carousel-container">
                        <button class="carousel-arrow prev" id="games-prev">&#10094;</button>
                        <div class="games-carousel" id="games-carousel">
                            <div class="game-slide active">
                                <div class="game-item">
                                    <div class="team-info">
                                        <img src="https://i11.hoopchina.com.cn/all-backend/708BC902E00BBD439A1C892A0D58F381_1657174320036.png" alt="湖人队" class="team-logo">
                                        <div class="team-name">湖人</div>
                                    </div>
                                    <div class="vs">VS</div>
                                    <div class="team-info">
                                        <img src="http://i11.hoopchina.com.cn/all-backend/D48624DA509B5BBC4B447DCBDC496B71_1698746059833.png" alt="勇士队" class="team-logo">
                                        <div class="team-name">勇士</div>
                                    </div>
                                    <div class="time">09:00</div>
                                </div>
                            </div>
                            <div class="game-slide">
                                <div class="game-item">
                                    <div class="team-info">
                                        <img src="http://i11.hoopchina.com.cn/all-backend/BF833EF7FCA7FA7103467F0A9FB98DD7_1657194370775.png" alt="掘金队" class="team-logo">
                                        <div class="team-name">掘金</div>
                                    </div>
                                    <div class="vs">VS</div>
                                    <div class="team-info">
                                        <img src="http://i11.hoopchina.com.cn/all-backend/455AEC22C5CCAF97E9176F7C3183272F_1744516408048.png" alt="快船队" class="team-logo">
                                        <div class="team-name">快船</div>
                                    </div>
                                    <div class="time">10:30</div>
                                </div>
                            </div>
                        </div>
                        <button class="carousel-arrow next" id="games-next">&#10095;</button>
                    </div>
                </div>
            </div>
            <div class="home-col">
                <!-- 季后赛排名数据统计 -->
                <div class="home-section" id="playoff-stats">
                    <h2>季后赛东部排名数据统计</h2>
                    <table class="playoff-table">
                        <thead>
                            <tr>
                                <th>排名</th>
                                <th>球队</th>
                                <th>胜</th>
                                <th>负</th>
                                <th>胜率</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr><td>1</td><td>骑士</td><td>64</td><td>18</td><td>78%</td></tr>
                            <tr><td>2</td><td>凯尔特人</td><td>61</td><td>21</td><td>74.4%</td></tr>
                            <tr><td>3</td><td>尼克斯</td><td>51</td><td>31</td><td>62.2%</td></tr>
                            <tr><td>4</td><td>步行者</td><td>50</td><td>32</td><td>61%</td></tr>
                            <tr><td>5</td><td>雄鹿</td><td>48</td><td>34</td><td>58.5%</td></tr>
                            <tr><td>6</td><td>活塞</td><td>44</td><td>38</td><td>53.7%</td></tr>
                            
                        </tbody>
                    </table>
                    <h2>季后赛西部部排名数据统计</h2>
                    <table class="playoff-table">
                        <thead>
                            <tr>
                                <th>排名</th>
                                <th>球队</th>
                                <th>胜</th>
                                <th>负</th>
                                <th>胜率</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr><td>1</td><td>雷霆</td><td>68</td><td>14</td><td>82.9%</td></tr>
                            <tr><td>2</td><td>火箭</td><td>52</td><td>30</td><td>63.4%</td></tr>
                            <tr><td>3</td><td>湖人</td><td>50</td><td>32</td><td>61%</td></tr>
                            <tr><td>4</td><td>掘金</td><td>50</td><td>32</td><td>61%</td></tr>
                            <tr><td>5</td><td>快船</td><td>50</td><td>32</td><td>61%</td></tr>
                            <tr><td>6</td><td>森林狼</td><td>49</td><td>33</td><td>59.8%</td></tr>
                            
                        </tbody>
                    </table>
                </div>
                <!-- 新的多tab球员/球队板块 -->
                <div class="home-section" id="player-tabs">
                    <div class="tab-nav">
                        <span class="tab-btn active" data-tab="today-best">今日最佳</span>
                        <span class="tab-btn" data-tab="player-avg">球员场均</span>
                        <span class="tab-btn" data-tab="team-zone">球队专区</span>
                    </div>
                    <div class="tab-content active" id="tab-today-best">
                        <h3>今日最佳</h3>
                        <ul class="today-best-list">
                            <li>
                                <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/e34da99c2064216b0ce0b4edd08f71b1.png" alt="库里" class="player-avatar">
                                今日得分王：<b>库里</b>
                                <span class="stat-value">45分</span>
                            </li>
                            <li>
                                <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/c0ccba7899e051cb97f731ae3910ce94.png" alt="约基奇" class="player-avatar">
                                今日篮板王：<b>约基奇</b>
                                <span class="stat-value">18篮板</span>
                            </li>
                            <li>
                                <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/ea1f1119a79cba8eef99c1c31850033f.png" alt="哈登" class="player-avatar">
                                今日助攻王：<b>哈登</b>
                                <span class="stat-value">14助攻</span>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-content" id="tab-player-avg">
                        <h3>球员场均</h3>
                        <ul class="player-avg-list">
                            <li>
                                <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/aab331ed34447251298d669f23550920.png" alt="东契奇" class="player-avatar">
                                场均得分：<b>东契奇</b>
                                <span class="stat-value">32.5分</span>
                            </li>
                            <li>
                                <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/ba23176a3d00fab2c50eb1d94a2c9adc.jpg" alt="字母哥" class="player-avatar">
                                场均篮板：<b>字母哥</b>
                                <span class="stat-value">12.1篮板</span>
                            </li>
                            <li>
                                <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/c1e8d368e6410ba35e710b8ed1b5c049.png" alt="哈利伯顿" class="player-avatar">
                                场均助攻：<b>哈利伯顿</b>
                                <span class="stat-value">10.8助攻</span>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-content" id="tab-team-zone">
                        <h3>球队专区</h3>
                        <ul class="team-zone-list">
                            <li>灰熊</li>
                            <li>湖人</li>
                            <li>快船</li>
                            <li>勇士</li>
                            <li>凯尔特人</li>
                            <li>掘金</li>
                            <li>热火</li>
                            <li>篮网</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- NBA新闻 -->
    <section id="nba" class="section-content">
        <h2>NBA 新闻</h2>
        <div class="news-container">
            <div class="news-item">
                <img src="https://i5.hoopchina.com.cn/hupuapp/bbs/109/37338109/thread_37338109_20210220183736_s_5420718_o_w_550_h_550_29803.gif?x-oss-process=image/resize,w_800/format,webp" alt="NBA新闻1">
                <div class="news-text">
                    <h3>詹姆斯谈未来生涯</h3>
                    <p>要和家人、妻子以及自己长谈后再做决定</p>
                    <span class="news-time">2025-05-01</span>
                </div>
            </div>
            <div class="news-item">
                <img src="https://i11.hoopchina.com.cn/editor/d012ce1e933ff794fc954d62e3797c2e_w_1028_h_677_.png?x-oss-process=image/resize,w_800/format,webp" alt="NBA新闻2">
                <div class="news-text">
                    <h3>空砍30+超级三双仍难阻出局命运，这是否会是字母哥雄鹿生涯的最后一...</h3>
                    <p>今天NBA季后赛雄鹿客场对阵步行者的比赛已经结束。全场战罢...</p>
                    <span class="news-time">2025-05-01</span>
                </div>
            </div>
            <div class="news-item">
                <img src="https://i5.hoopchina.com.cn/newsPost/fcd62381c938c22973d75d83b2527d37_w_1024_h_683_.jpeg?x-oss-process=image/resize,w_800/format,webp" alt="NBA新闻3">
                <div class="news-text">
                    <h3>掘金全面压制快船拿下天王山，系列赛是否大局已定？</h3>
                    <p>今天NBA季后赛，掘金131-115战胜快船，拿下天王山之战，系列赛大比分3-2领先快船。全场比赛，掘金全面压制快船...</p>
                    <span class="news-time">2025-05-01</span>
                </div>
            </div>
            <div class="news-item">
                <img src="https://i1.hoopchina.com.cn/blogfile/20255/1/BbsImg_20448940693451_1746082079_s_200694_o_w_960_h_1200_94293.jpeg?x-oss-process=image/resize,w_800/format,webp" alt="NBA新闻4">
                <div class="news-text">
                    <h3>湖人首轮出局，到底谁的锅？</h3>
                    <p>属于湖人的赛季，正式结束。首轮G5，湖人主场96-103不敌森林狼，大比分1-4出局。同样是1-3落后的绝境，这场比赛的湖人与前一场的火箭完全不同，根本看不出生死战的感觉...</p>
                    <span class="news-time">2025-05-01</span>
                </div>
            </div>
            <div class="news-item">
                <img src="https://i5.hoopchina.com.cn/news-editor/90ca5d762bb2f4980a40405b52d9a641_w_900_h_506_.png?x-oss-process=image/resize,w_800/format,webp" alt="NBA新闻5">
                <div class="news-text">
                    <h3>[流言板]美媒：爱德华兹近2年已淘汰詹杜等超级球星，下一个是库里？</h3>
                    <p>狐普05月01日讯 今日NBA季后赛，森林狼客场击败湖人，系列赛4-1淘汰湖人晋级。至此，爱德华兹已经在近两年季后赛正面淘汰杜兰特、约基奇、詹姆斯、东契奇等超级球星。去年季后赛首轮，森林狼4-0淘汰太阳，送走杜兰特、布克、比尔...</p>
                    <span class="news-time">2025-05-01</span>
                </div>
            </div>
            <div class="news-item">
                <img src="https://i10.hoopchina.com.cn/news-editor/0052b67a3fa98a3070af444bb85828ec_w_720_h_405_.png?x-oss-process=image/resize,w_800/format,webp" alt="NBA新闻6">
                <div class="news-text">
                    <h3>[流言板]东契奇上赛季最终打进总决赛，今年首轮即遭淘汰</h3>
                    <p>去年季后赛，东契奇代表独行侠出战，他们一路淘汰了快船、雷霆和森林狼，闯入总决赛。本赛季，东契奇在一笔交易中来到湖人。最终，湖人取得50胜32负的战绩，排在西部第三的位置...</p>
                    <span class="news-time">2025-05-01</span>
                </div>
            </div>
            <div class="news-item">
                <img src="https://i10.hoopchina.com.cn/news-editor/b06d1580870c84a816b466ffc618fcde_w_720_h_405_.png?x-oss-process=image/resize,w_800/format,webp" alt="NBA新闻7">
                <div class="news-text">
                    <h3>[流言板]灰熊主帅：莫兰特受伤相当彻底地改变了球队的活力和执行力</h3>
                    <p>第二节比赛进行中，莫兰特被多尔特从身下犯规重摔倒地，表情极其痛苦。莫兰特已经返回更衣室进行治疗，根据后续报道，他因为臀部受伤提前退出本场比赛...</p>
                    <span class="news-time">2025-05-01</span>
                </div>
            </div>
            <div class="news-item">
                <img src="https://i1.hoopchina.com.cn/news-editor/82d60b22aec08842d4c86f5c411dca53_w_692_h_625_.png?x-oss-process=image/resize,w_800/format,webp" alt="NBA新闻8">
                <div class="news-text">
                    <h3>莫兰特：如果我没受伤现在会是2-2，我已经研究明白他们了</h3>
                    <p>谈到和雷霆的系列赛，莫兰特说他不喜欢在客场的两场比赛。"我害怕回答这个问题，因为我说的话会被广为传播。""我已经把他们搞明白了（I had them figured out）。""如果我没有受伤的话，现在系列赛的大比分会是2-2平。"...</p>
                    <span class="news-time">2025-05-01</span>
                </div>
            </div>
        </div>
    </section>
    <!-- 赛程 -->
    <section id="schedule" class="section-content">
        <h2>赛程</h2>
        <div class="schedule-container">
            <div class="schedule-date">
                <h3>今日赛程</h3>
                <div class="game-item">
                    <div class="team-info">
                        <img src="https://i11.hoopchina.com.cn/all-backend/708BC902E00BBD439A1C892A0D58F381_1657174320036.png" alt="湖人队" class="team-logo">
                        <div class="team-name">湖人</div>
                    </div>
                    <div class="vs">VS</div>
                    <div class="team-info">
                        <img src="http://i11.hoopchina.com.cn/all-backend/D48624DA509B5BBC4B447DCBDC496B71_1698746059833.png" alt="勇士队" class="team-logo">
                        <div class="team-name">勇士</div>
                    </div>
                    <div class="time">09:00</div>
                </div>
                <div class="game-item">
                    <div class="team-info">
                        <img src="http://i11.hoopchina.com.cn/all-backend/BF833EF7FCA7FA7103467F0A9FB98DD7_1657194370775.png" alt="掘金队" class="team-logo">
                        <div class="team-name">掘金</div>
                    </div>
                    <div class="vs">VS</div>
                    <div class="team-info">
                        <img src="http://i11.hoopchina.com.cn/all-backend/455AEC22C5CCAF97E9176F7C3183272F_1744516408048.png" alt="快船队" class="team-logo">
                        <div class="team-name">快船</div>
                    </div>
                    <div class="time">10:30</div>
                </div>
            </div>
            <div class="schedule-date">
                <h3>明日赛程</h3>
                <div class="game-item">
                    <div class="team-info">
                        <img src="http://i11.hoopchina.com.cn/all-backend/83283E33B2707E04FA29BDEC215D7505_1657174217476.png" alt="雄鹿" class="team-logo">
                        <div class="team-name">雄鹿</div>
                    </div>
                    <div class="vs">VS</div>
                    <div class="team-info">
                        <img src="http://i11.hoopchina.com.cn/all-backend/44086A23B5EA9ED18D57141ED11FEC73_1657174040467.png" alt="尼克斯" class="team-logo">
                        <div class="team-name">尼克斯</div>
                    </div>
                    <div class="time">08:00</div>
                </div>
                <div class="game-item">
                    <div class="team-info">
                        <img src="https://i11.hoopchina.com.cn/all-backend/2F9056A916907A1FCF3C8DB98292B600_1657174365689.png" alt="火箭队" class="team-logo">
                        <div class="team-name">火箭</div>
                    </div>
                    <div class="vs">VS</div>
                    <div class="team-info">
                        <img src="http://i11.hoopchina.com.cn/all-backend/6A7BB8949E29F7F8ACC490BF3DC54871_1657174191189.png" alt="活塞队" class="team-logo">
                        <div class="team-name">活塞</div>
                    </div>
                    <div class="time">09:30</div>
                </div>
            </div>
        </div>
    </section>
        <!-- 数据 -->
        <section id="stats" class="section-content">
            <h2>数据排行</h2>
            <div class="stats-container">
                <!-- 得分榜 -->
                <div class="stats-category">
                    <h3>得分榜</h3>
                    <table class="stats-table">
                        <thead>
                            <tr>
                                <th>排名</th>
                                <th>球员</th>
                                <th>球队</th>
                                <th>得分</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>
                                    <div class="player-info">
                                        <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/820ee118030046c48f07870fbe436c3a.png" alt="米切尔" class="player-avatar">
                                        米切尔
                                    </div>
                                </td>
                                <td>骑士</td>
                                <td>35.3</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>
                                    <div class="player-info">
                                        <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/aab331ed34447251298d669f23550920.png" alt="东契奇" class="player-avatar">
                                        东契奇
                                    </div>
                                </td>
                                <td>独行侠</td>
                                <td>33.8</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>
                                    <div class="player-info">
                                        <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/ba23176a3d00fab2c50eb1d94a2c9adc.jpg" alt="字母哥" class="player-avatar">
                                        字母哥
                                    </div>
                                </td>
                                <td>雄鹿</td>
                                <td>31.2</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <!-- 篮板榜 -->
                <div class="stats-category">
                    <h3>篮板榜</h3>
                    <table class="stats-table">
                        <thead>
                            <tr>
                                <th>排名</th>
                                <th>球员</th>
                                <th>球队</th>
                                <th>篮板</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>
                                    <div class="player-info">
                                        <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/c0ccba7899e051cb97f731ae3910ce94.png" alt="约基奇" class="player-avatar">
                                        约基奇
                                    </div>
                                </td>
                                <td>掘金</td>
                                <td>12.3</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>
                                    <div class="player-info">
                                        <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/c63c31de568bea5a59bbea90d277f736.png" alt="戈贝尔" class="player-avatar">
                                        戈贝尔
                                    </div>
                                </td>
                                <td>森林狼</td>
                                <td>11.8</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>
                                    <div class="player-info">
                                        <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/ed8b5661916cff06afe8c89142825ec0.png" alt="阿德巴约" class="player-avatar">
                                        阿德巴约
                                    </div>
                                </td>
                                <td>热火</td>
                                <td>10.9</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <!-- 助攻榜 -->
                <div class="stats-category">
                    <h3>助攻榜</h3>
                    <table class="stats-table">
                        <thead>
                            <tr>
                                <th>排名</th>
                                <th>球员</th>
                                <th>球队</th>
                                <th>助攻</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>
                                    <div class="player-info">
                                        <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/c1e8d368e6410ba35e710b8ed1b5c049.png" alt="哈利伯顿" class="player-avatar">
                                        哈利伯顿
                                    </div>
                                </td>
                                <td>步行者</td>
                                <td>11.2</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>
                                    <div class="player-info">
                                        <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/ea1f1119a79cba8eef99c1c31850033f.png" alt="哈登" class="player-avatar">
                                        哈登
                                    </div>
                                </td>
                                <td>快船</td>
                                <td>10.8</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>
                                    <div class="player-info">
                                        <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/8df3141e7e90d6da84840401c689f35d.png" alt="特雷杨" class="player-avatar">
                                        特雷杨
                                    </div>
                                </td>
                                <td>老鹰</td>
                                <td>10.5</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <!-- 盖帽榜 -->
                <div class="stats-category">
                    <h3>盖帽榜</h3>
                    <table class="stats-table">
                        <thead>
                            <tr>
                                <th>排名</th>
                                <th>球员</th>
                                <th>球队</th>
                                <th>盖帽</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>
                                    <div class="player-info">
                                        <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/685c6dbcea8b545658da4357bd006bd6.png" alt="杰克逊" class="player-avatar">
                                        杰克逊
                                    </div>
                                </td>
                                <td>灰熊</td>
                                <td>3.2</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>
                                    <div class="player-info">
                                        <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/76463bc15a31d3fbe46005e0091a74e5.png" alt="洛佩斯" class="player-avatar">
                                        洛佩斯
                                    </div>
                                </td>
                                <td>雄鹿</td>
                                <td>2.8</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>
                                    <div class="player-info">
                                        <img src="https://gdc.hupucdn.com/gdc/nba/players/uploads/gamespace/players/d7714b25ef421622102e9cabcb20017a.png" alt="斯图尔特" class="player-avatar">
                                        斯图尔特
                                    </div>
                                </td>
                                <td>活塞</td>
                                <td>2.5</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </section>
        <script src="hupu.js"></script>
        <div class="bottom-bar">
            <div class="bottom-content">
                © 2025 狐普新闻 | 仅供学习交流 | 如有侵权，依法处理 | 苟开源666
            </div>
        </div>

        <!-- 讨论区 -->
        <section id="discussion" class="section-content">
            <h2>讨论区</h2>
            <div class="discussion-container">
                <div class="post-item">
                    <div class="post-header">
                        <img src="https://i2.hoopchina.com.cn/user/33776934/1683954161409.jpg@150h_150w_2e" alt="用户头像" class="user-avatar">
                        <div class="post-info">
                            <div class="post-author">man投币</div>
                            <div class="post-time">2025-05-01 13:15</div>
                        </div>
                    </div>
                    <div class="post-content">
                        <h3>毫无影响！约基奇成为历史首位吃到恶犯后依旧得到9.9分的球员！</h3>
                        <p>今日的NBA季后赛，掘金客场121-119战胜雷霆，系列赛大比分1-0领先。本场比赛，掘金中锋尼古拉-约基奇首发出战42分钟，29投15中得到42分22篮板6助攻1抢断2封盖，率领球队取胜。比赛第四节约基奇做出争议动作，其在持球单打时一肘砸倒多尔特，被裁判吹罚一级恶意犯规。但约基奇最终率领掘金赢下比赛，其比赛评分也丝毫未受到影响，完场时被JRs评出了9.9分的高分。约基奇也是自球员赛中评分开启以来，第一位在比赛过程中吃到恶意犯规，该场比赛依旧能够得到9.9分评分的球员。</p>
                        <div class="post-images">
                            <img src="https://i1.hoopchina.com.cn/news-editor/8db0790856dfd1a4553907d8e2ae93f8_w_600_h_351_.gif?x-oss-process=image/resize,w_800/format,webp" alt="约基奇">
                        </div>
                    </div>
                    <div class="post-actions">
                        <button class="action-btn like-btn">
                            <i class="fas fa-thumbs-up"></i>
                            <span>点赞 (256)</span>
                        </button>
                        <button class="action-btn comment-btn">
                            <i class="fas fa-comment"></i>
                            <span>评论 (89)</span>
                        </button>
                        <button class="action-btn share-btn">
                            <i class="fas fa-share"></i>
                            <span>分享</span>
                        </button>
                    </div>
                    <div class="comments-section">
                        <div class="comment-item">
                            <img src="https://i3.hoopchina.com.cn/user/113039823/1746081283692.jpg@150h_150w_2e" alt="评论用户头像" class="comment-avatar">

                            <div class="comment-content">
                                <div class="comment-author">what can i say</div>
                                <p>这一肘子属于大快人心<img src="https://i5.hoopchina.com.cn/hupuapp/bbs/109/37338109/thread_37338109_20210220183736_s_5420718_o_w_550_h_550_29803.gif?x-oss-process=image/resize,w_800/format,webp"></p>
                                <div class="comment-actions">
                                    <button class="comment-like-btn">点赞 (12)</button>
                                    <button class="comment-reply-btn">回复</button>
                                </div>
                            </div>
                        </div>
                        <div class="comment-item">
                            <img src="https://i3.hoopchina.com.cn/user/55123869/1736585852081.jpg@150h_150w_2e" alt="评论用户头像" class="comment-avatar">
                            <div class="comment-content">
                                <div class="comment-author">大英警察</div>
                                <p>就是因为有那次恶犯，才给他10分</p>
                                <div class="comment-actions">
                                    <button class="comment-like-btn">点赞 (8)</button>
                                    <button class="comment-reply-btn">回复</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 帖子2 -->
                <div class="post-item">
                    <div class="post-header">
                        <img src="https://i3.hoopchina.com.cn/user/113/278930339113/278930339113-1653016040.jpg@150h_150w_2e" alt="用户头像" class="user-avatar">
                        <div class="post-info">
                            <div class="post-author">乾隆一代</div>
                            <div class="post-time">2025-05-01 12:00</div>
                        </div>
                    </div>
                    <div class="post-content">
                        <h3>哈利伯顿命中后撤步三分绝杀，步行者客场2-0领先骑士</h3>
                        <p>今日的NBA季后赛，步行者120-119险胜骑士。比赛最后时刻，哈利伯顿罚球不中后抢到前场篮板，随后后撤步完成三分绝杀，步行者客场连下两城2-0领先骑士。</p>
                        <div class="post-images">
                            <img src="https://i10.hoopchina.com.cn/news-editor/66ba7067f84608f933e10dd331879029_w_600_h_351_.gif?x-oss-process=image/resize,w_800/format,webp" alt="季后赛">
                        </div>
                    </div>
                    <div class="post-actions">
                        <button class="action-btn like-btn">
                            <i class="fas fa-thumbs-up"></i>
                            <span>点赞 (198)</span>
                        </button>
                        <button class="action-btn comment-btn">
                            <i class="fas fa-comment"></i>
                            <span>评论 (67)</span>
                        </button>
                        <button class="action-btn share-btn">
                            <i class="fas fa-share"></i>
                            <span>分享</span>
                        </button>
                    </div>
                    <div class="comments-section">
                        <div class="comment-item">
                            <img src=https://i2.hoopchina.com.cn/user/680/122258868408680/122258868408680-1635909370.jpg@150h_150w_2e" alt="评论用户头像" class="comment-avatar">
                            <div class="comment-content">
                                <div class="comment-author">灰熊总冠军</div>
                                <p>哈里伯顿！以下克上的一场比赛，跟昨天的剧本简直太像了，太神奇了，步行者真是一个神奇的球队！</p>
                                <div class="comment-actions">
                                    <button class="comment-like-btn">点赞 (45)</button>
                                    <button class="comment-reply-btn">回复</button>
                                </div>
                            </div>
                        </div>
                        <div class="comment-item">
                            <img src="https://i3.hoopchina.com.cn/user/36192008/1738995374637.jpg@150h_150w_2e" alt="评论用户头像" class="comment-avatar">
                            <div class="comment-content">
                                <div class="comment-author">满清第一后卫</div>
                                <p>戈登来完你也来？这就是第二轮么</p>
                                <div class="comment-actions">
                                    <button class="comment-like-btn">点赞 (23)</button>
                                    <button class="comment-reply-btn">回复</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </body>
    </html>